<div class="wrapper wrapper-content" ng-controller="dirctorMainControl as vm">

  <div class="row">
    <div class="col-lg-12">
      <div class="ibox float-e-margins">

        <div class="ibox-title">
          <h5>请输入查询条件</h5>
          <div ibox-tools="" class="ng-scope">
            <div dropdown="" class="ibox-tools dropdown">
              <a ng-click="showhide()"> <i class="fa fa-chevron-up"></i></a>
            </div>
          </div>
        </div>

        <div class="ibox-content">
          <div class="row">
            <row>
              <div class="col-md-12">

                <div ng-if="PCview">
                  <div id="searchArea">
                    <span>1.注册</span>
                    <span>2.压模</span>
                    <span>3.定位</span>
                    <span>4.勾靶</span>
                    <span>5.计划</span>
                    <span>6.验证</span>
                    <span>7.交费</span>
                    <span>8.治疗</span>
                    <span>9.完成</span>
                  </div>
                  <button ng-click="searchItem(1)" class="btn btn-info btn-circle flow-button status-completed"
                          type="button"><i class="fa fa-user"></i>
                  </button>
                  <HR class="flow-line-create">
                  <button ng-click="searchItem(2)" class="btn btn-info btn-circle flow-button status-completed"
                          type="button"><i class="fa fa-cubes"></i>
                  </button>
                  <HR class="flow-line-create">
                  <button ng-click="searchItem(3)" class="btn btn-info btn-circle flow-button status-completed"
                          type="button"><i class="fa fa-dot-circle-o"></i>
                  </button>
                  <HR class="flow-line-create">
                  <button ng-click="searchItem(4)" class="btn btn-info btn-circle flow-button status-doing"
                          type="button"><i class="fa fa-pencil"></i>
                  </button>
                  <HR class="flow-line-create">
                  <button ng-click="searchItem(5)" class="btn btn-info btn-circle flow-button status-incomplete"
                          type="button"><i class="fa fa-calendar"></i>
                  </button>
                  <HR class="flow-line-create">
                  <button ng-click="searchItem(6)" class="btn btn-info btn-circle flow-button status-incomplete"
                          type="button"><i class="fa fa-thumbs-up"></i>
                  </button>
                  <HR class="flow-line-create">
                  <button ng-click="searchItem(7)" class="btn btn-info btn-circle flow-button status-incomplete"
                          type="button"><i class="fa fa-dollar"></i>
                  </button>
                  <HR class="flow-line-create">
                  <button ng-click="searchItem(8)" class="btn btn-info btn-circle flow-button status-incomplete"
                          type="button"><i class="fa fa-plus-square"></i>
                  </button>
                  <HR class="flow-line-create">
                  <button ng-click="searchItem(9)" class="btn btn-info btn-circle flow-button status-incomplete"
                          type="button"><i class="fa fa-check"></i>
                  </button>


                </div>

                <div ng-if="!PCview">

                  <div>
                    <row>
                      <div class="col-sm-12 no-padding no-margins">
                        <button ng-click="searchItem(1)"
                                class="btn btn-info btn-circle flow-button status-completed margin_r_5"
                                type="button"><i class="fa fa-user"></i>
                        </button>
                        <button ng-click="searchItem(2)"
                                class="btn btn-info btn-circle flow-button status-completed margin_r_5"
                                type="button"><i class="fa fa-cubes"></i>
                        </button>
                        <button ng-click="searchItem(3)"
                                class="btn btn-info btn-circle flow-button status-completed margin_r_5"
                                type="button"><i class="fa fa-dot-circle-o"></i>
                        </button>
                        <button ng-click="searchItem(4)" class="btn btn-info btn-circle flow-button status-doing margin_r_5"
                                type="button"><i class="fa fa-pencil"></i>
                        </button>
                        <button ng-click="searchItem(5)"
                                class="btn btn-info btn-circle flow-button status-incomplete margin_r_5"
                                type="button"><i class="fa fa-calendar"></i>
                        </button>
                      </div>
                    </row>
                    <row>
                      <div class="col-sm-12 no-padding">
                        <button ng-click="searchItem(6)"
                                class="btn btn-info btn-circle flow-button status-incomplete margin_r_5"
                                type="button"><i class="fa fa-thumbs-up"></i>
                        </button>
                        <button ng-click="searchItem(7)"
                                class="btn btn-info btn-circle flow-button status-incomplete margin_r_5"
                                type="button"><i class="fa fa-dollar"></i>
                        </button>
                        <button ng-click="searchItem(8)"
                                class="btn btn-info btn-circle flow-button status-incomplete margin_r_5"
                                type="button"><i class="fa fa-plus-square"></i>
                        </button>
                        <button ng-click="searchItem(9)"
                                class="btn btn-info btn-circle flow-button status-incomplete margin_r_5"
                                type="button"><i class="fa fa-check"></i>
                        </button>
                      </div>
                    </row>


                  </div>

                </div>

              </div>
            </row>
            <row>
              <div class="col-md-12 no-padding">
                <div class="col-md-3">
                  <div class="form-group">
                    <label for="image_patientname" class="control-label">患者姓名</label>
                    <input type="text" id="image_patientname" class="form-control" data-placement="top"
                           data-original-title="" placeholder="" ng-model="search.name">
                  </div>
                </div>
                <div class="col-md-3">
                  <div class="form-group">
                    <label for="image_patientname" class="control-label">电话</label>
                    <input type="text" id="image_patient2name" class="form-control" data-placement="top"
                           data-original-title="" placeholder="" ng-model="search.phoneNum">
                  </div>
                </div>
                <div class="col-md-3">
                  <div class="form-group">
                    <label for="image_patientname" class="control-label">病案号</label>
                    <input type="text" class="form-control" data-placement="top"
                           data-original-title="" placeholder="" ng-model="search.caseNum">
                  </div>
                </div>
                <div class="col-md-3">
                  <div class="form-group">
                    <label for="image_patientname" class="control-label">主治医生</label>
                    <input type="text" class="form-control" data-placement="top"
                           data-original-title="" placeholder="" ng-model="search.doctor">
                  </div>
                </div>
              </div>
            </row>


          </div>


        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-lg-12">
      <div class="ibox float-e-margins">
        <div class="ibox-title">
          <h5>
            就诊人员列表
            <!--<small>查看就诊人员信息</small>-->
          </h5>
          <div ibox-tools></div>
        </div>
        <div class="ibox-content table-responsive">

          <table ng-if="PCview" class="footable table table-stripped toggle-arrow-tiny " id="mainTable"
                 data-page-size="8" >
            <thead>
            <tr>
              <th data-toggle="true">头像</th>
              <th>姓名</th>
              <!--<th>病人ID</th>-->
              <th>电话</th>
              <th>病案号</th>
              <th>主治医师</th>
              <th>流程</th>
              <th data-hide="all">地址</th>
              <th data-hide="all">备注</th>
              <th data-hide="all">详情</th>
              <th data-hide="all">Date</th>
              <th>操作</th>
            </tr>
            </thead>
            <tbody>

            <tr ng-repeat="person in persons|filter:{name:search.name,phoneNum:search.phoneNum,
            doctor:search.doctor,caseNum:search.caseNum}">
              <td>
                <img src="assets/images/common/defaultHeader01.png" class="patient-image">
              </td>
              <td>{{person.name}}</td>
              <!--<td>{{person.caseNum}}</td>-->
              <td>{{person.phoneNum}}</td>
              <td>{{person.caseNum}}</td>
              <td>{{person.doctor}}</td>
              <td class="flow-column">
                <button class="btn btn-circle flow-button"
                        ng-class="{'btn-success':person.status==1, 'btn-info':person.status>1}" type="button"><i
                  class="fa fa-user"></i>
                </button>
                <HR class="flow-line" ng-class="{'status-incomplete-line':person.status<2}">
                <button class="btn btn-circle flow-button" ng-click="openModelForm(person)"
                        ng-class="{'btn-success':person.status==2, 'btn-info':person.status>2}" type="button"><i
                  class="fa fa-cubes"></i>
                </button>
                <HR class="flow-line" ng-class="{'status-incomplete-line':person.status<3}">
                <button class="btn btn-circle flow-button"
                        ng-class="{'btn-success':person.status==3,  'btn-info':person.status>3}" type="button"><i
                  class="fa fa-dot-circle-o"></i>
                </button>
                <HR class="flow-line" ng-class="{'status-incomplete-line':person.status<4}">
                <button class="btn btn-circle flow-button"
                        ng-class="{'btn-success':person.status==4,  'btn-info':person.status>4}" type="button"><i
                  class="fa fa-pencil"></i>
                </button>
                <HR class="flow-line" ng-class="{'status-incomplete-line':person.status<5}">
                <button class="btn btn-circle flow-button"
                        ng-class="{'btn-success':person.status==5, 'btn-info':person.status>5}" type="button"><i
                  class="fa fa-calendar"></i>
                </button>
                <HR class="flow-line" ng-class="{'status-incomplete-line':person.status<6}">
                <button class="btn btn-circle flow-button"
                        ng-class="{'btn-success':person.status==6,  'btn-info':person.status>6}" type="button"><i
                  class="fa fa-thumbs-up"></i>
                </button>
                <HR class="flow-line" ng-class="{'status-incomplete-line':person.status<7}">
                <button class="btn btn-circle flow-button"
                        ng-class="{'btn-success':person.status==7, 'btn-info':person.status>7}" type="button"><i
                  class="fa fa-dollar"></i>
                </button>
                <HR class="flow-line" ng-class="{'status-incomplete-line':person.status<8}">
                <button class="btn btn-circle flow-button"
                        ng-class="{'btn-success':person.status==8, 'btn-info':person.status>8}" type="button"><i
                  class="fa fa-plus-square"></i>
                </button>
                <HR class="flow-line" ng-class="{'status-incomplete-line':person.status<9}">
                <button class="btn btn-circle flow-button"
                        ng-class="{'btn-success':person.status==9, 'btn-info':person.status>9}" type="button"><i
                  class="fa fa-check"></i>
                </button>
              </td>
              <td><span class="pie">6,9</span></td>
              <td>40%</td>
              <td>Jul 16, 2013</td>
              <td>Jul 14, 2013</td>
              <td>
                <button ui-sref="index.openForm" class="btn btn-primary"style="margin-top: 7px;">单据信息</button>
                <button ui-sref="index.timeline" class="btn btn-primary" style="margin-top: 7px;">详细信息</button>
              </td>
            </tr>
            </tbody>
            <tfoot>
            <tr>
              <td colspan="50">
                <ul class="pagination pull-right"></ul>
              </td>
            </tr>
            </tfoot>
          </table>
          <table ng-if="!PCview" class="footable table table-stripped toggle-arrow-tiny " id="mainTable"
                 data-page-size="8" my-footable>
            <thead>
            <tr>

              <th style="min-width: 60px;" class="col-sm-2 "data-toggle="true">姓名</th>
              <!--<th>病人ID</th>-->
              <th style="min-width: 80px;" class="col-sm-3" data-hide="all">电话</th>
              <th style="min-width: 80px;" class="col-sm-3" data-hide="all">病案号</th>
              <th style="min-width: 60px;" class="col-sm-1" >主治医师</th>
              <th style="min-width: 60px;" class="col-sm-1">正在进行</th>
              <th style="min-width: 60px;" class="col-sm-2">操作</th>
            </tr>
            </thead>
            <tbody>

            <tr ng-repeat="person in persons|filter:{name:search.name,phoneNum:search.phoneNum,
            doctor:search.doctor,caseNum:search.caseNum}">

              <td>{{person.name}}</td>
              <!--<td>{{person.caseNum}}</td>-->
              <td>{{person.phoneNum}}</td>
              <td>{{person.caseNum}}</td>
              <td>{{person.doctor}}</td>
              <td>{{person.status|presentStatus}}</td>
              <td>
                <button ui-sref="index.timeline" class="btn btn-primary" style="margin-top: 7px;">详细信息</button>
              </td>
            </tr>
            </tbody>
            <tfoot>
            <tr>
              <td colspan="10">
                <ul class="pagination pull-right"></ul>
              </td>
            </tr>
            </tfoot>
          </table>

        </div>
      </div>
    </div>
  </div>


  <!--<input id="ex21" type="text"-->
  <!--data-provide="slider"-->
  <!--data-slider-ticks="[1, 2, 3]"-->
  <!--data-slider-ticks-labels='["short", "medium", "long"]'-->
  <!--data-slider-min="1"-->
  <!--data-slider-max="3"-->
  <!--data-slider-step="1"-->
  <!--data-slider-value="3"-->
  <!--data-slider-tooltip="hide" />-->


  <!--<input id="ex13" type="text" data-slider-ticks="[0, 100, 200, 300, 400]" data-slider-ticks-snap-bounds="30" data-slider-ticks-labels='["$0", "$100", "$200", "$300", "$400"]'/>-->

</div>
